{% extends "base.html" %}

{% block content %}
        <div class="jumbotron">
                <div class="container">
                        <h1>公告列表</h1>
                </div>
        </div>
        <div class="container">
                {% if not notifications %}
                <h2 class="text-center">暂无公告</h2>
                {% endif %}
                {% for notification in notifications %}
                <div class="card bg-dark mb-4">
                        <div class="card-body">
                                <h3 class="card-title">{{ notification.title }}</h3>
                                <blockquote class="blockquote mb-0">
                                        <p>{{ notification.html }}</p>
                                        <small class="text-muted"><span data-time="{{ notification.date | isoformat }}"></span></small>
                                </blockquote>
                        </div>
                </div>
                {% endfor %}
        </div>
{% endblock %}

{% block entrypoint %}
        <script defer src="{{ url_for('views.themes', path='js/pages/notifications.js') }}"></script>
{% endblock %}
